<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Aplicaciones Distribuidas - UADE</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/bootstrap.css" media="screen">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootswatch.min.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../bower_components/bootstrap/assets/js/html5shiv.js"></script>
      <script src="../bower_components/bootstrap/assets/js/respond.min.js"></script>
    <![endif]-->
   
  </head>
  <body>
	<script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/bootswatch.js"></script>
    <script src="js/funciones.js"></script>
    <script type="text/javascript">
		$(document).ready(function() {
			//pongo el item en la tabla al agregarlo
		});
	</script>
	<!-- Barra Superior -->
    <div>
       <div class="navbar navbar-default navbar-fixed-top">
      <div class="navbar-header">
      	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-inverse-collapse">
        	<span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
       </button>
                  <a class="navbar-brand" href="#">Gesti&oacute;n de Restaurantes</a>
                </div>
                <div class="navbar-collapse collapse navbar-inverse-collapse">
                  <ul class="nav navbar-nav">
                    <li class="active"><a href="terminal_mozo/home.jsp">Terminal Mozos</a></li>
                    <li><a href="#">Cocina</a></li>
                    <li><a href="#">Barra</a></li>
                    <li><a href="#">Cajero</a></li>
                    <li><a href="#">Cafeter&iacute;a</a></li>
                    <li><a href="#">Dep&oacute;sito</a></li>
                  </ul>
<!--                   <form class="navbar-form navbar-left"> -->
<!--                     <input class="form-control col-lg-8" placeholder="Search" type="text"> -->
<!--                   </form> -->
<!--                   <ul class="nav navbar-nav navbar-right"> -->
<!--                     <li><a href="#">Link</a></li> -->
<!--                     <li class="dropdown"> -->
<!--                       <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> -->
<!--                       <ul class="dropdown-menu"> -->
<!--                         <li><a href="#">Action</a></li> -->
<!--                         <li><a href="#">Another action</a></li> -->
<!--                         <li><a href="#">Something else here</a></li> -->
<!--                         <li class="divider"></li> -->
<!--                         <li><a href="#">Separated link</a></li> -->
<!--                       </ul> -->
<!--                     </li> -->
<!--                   </ul> -->
                </div><!-- /.nav-collapse -->
              </div>
       </div><!-- fin barra superior-->
      <div class="container">
      	<!-- Aca empieza el cuerpo principal de la pagina -->
      	<div class="page-header">
			<h2 id="container">Nuevo Pedido</h2>
		</div>
		<div class="row">
			<div class="col-lg-10">
				<div class="well">
					<form class="bs-example form-horizontal">
						<fieldset>
							<legend>Ingreso de Nuevo Pedido - Paso 2 </legend>
							<div class="form-group">
								<div class="col-lg-10">
									<div id="tablaItemsPedidosDiv" class="bs-example table-responsive">
										<table id="tablaItemsPedidos" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th>#</th>
													<th>Descripci&oacute;n</th>
													<th>Acciones</th>
												</tr>
											</thead>
											<tbody>
											</tbody>
										</table>
									</div>
								</div>
							</div>
							<div class="form-group">
								<label class="col-lg-2 control-label" for="itemCartaId">Items Carta</label>
								<div class="row">
									<div class="col-lg-4">
										<%= (String)request.getAttribute("comboItemsCarta") %>
									</div>
									<button class="btn btn-primary" type="button" onclick="agregarItemATabla();">Agregar al pedido</button>
									<div id="selectedItems"></div>
								</div>
							</div>
							<div class="form-group">
								<div class="col-lg-10 col-lg-offset-2">	
									<button class="btn btn-default" name="accion" value="cancelar">Cancelar</button>	
									<button class="btn btn-primary" type="submit" name="accion" value="generarNuevoPedido">Finalizar</button>
								</div>
								<div id="datosSucursal">
									<input type="hidden" id="idSucursal" name="idSucursal" value="<%= (Integer)request.getAttribute("idSucursal") %>" />
									<input type="hidden" id="aperturaMesaId" name="aperturaMesaId" value="<%= (Integer)request.getAttribute("aperturaMesaId") %>" />
									<input type="hidden" id="mozoId" name="mozoId" value="<%= (Integer)request.getAttribute("mozoId") %>" />
									<input type="hidden" id="areaId" name="areaId" value="<%= (Integer)request.getAttribute("areaId") %>" />
								</div>
							</div>
						</fieldset>
					</form>
				</div>
			</div>
			<div class="col-lg-4 col-lg-offset-1">
			</div>
		</div>
       <!-- Fin cuerpo principal de la pagina --> 
      </div> <!-- container -->
<!--       <footer> -->
<!--         <div class="row"> -->
<!--           <div class="col-lg-12"> -->
<!--           Footer -->
<!--           </div> -->
<!--         </div>     -->
<!--       </footer> -->
			<footer>
				<p>&copy; 	The Twelve Group 2013 | Couguet-Carreira-Pereiro |
				<a href="mailto:#">info@thetwelvegroup.com.ar</a> | </p>
      		</footer>

  </body>
</html>